.topicon {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 12px;
  margin-top: 12px;
  vertical-align: middle;
}
//顶部图表页面列表的icon
.suspect {
  &_history {
    background: url('../../assets/icon/topIcon.png') -36px -82px no-repeat;
    background-color: #60a8e8;
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -38px -267px no-repeat;
    background-color: #60a8e8;
  }
}
.detention {
  &_history {
    background: url('../../assets/icon/topIcon.png') -198px -82px no-repeat;
    background-color: #a6d587;
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -198px -272px no-repeat;
    background-color: #a6d587;
  }
}
.arrest {
  &_history {
    background: url('../../assets/icon/topIcon.png') -377px -82px no-repeat;
    background-color: #fad87e;
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -377px -272px no-repeat;
    background-color: #fad87e;
  }
}
.cases {
  &_history {
    background: url('../../assets/icon/topIcon.png') -544px -82px no-repeat;
    background-color: #e58a80;
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -547px -272px no-repeat;
    background-color: #e58a80;
  }
}



//警情案顶部列表icon
.allcity {
  &_history {
    background: url('../../assets/icon/topIcon.png') -872px -90px no-repeat;
    background-color: #60a8e8;
    &::before{
      display: block;
      content : '全市';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -876px -283px no-repeat;
    background-color: #60a8e8;
    &::before{
      display: block;
      content : '全市';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
}
.onecity {
  &_history {
    background: url('../../assets/icon/topIcon.png') -872px -90px no-repeat;
    background-color: #a6d587;
    &::before{
      display: block;
      content : '江城';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -876px -283px no-repeat;
    background-color: #a6d587;
    &::before{
      display: block;
      content : '江城';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
}
.twocity {
  &_history {
    background: url('../../assets/icon/topIcon.png') -872px -90px no-repeat;
    background-color: #fad87e;
    &::before{
      display: block;
      content : '阳西';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -876px -283px no-repeat;
    background-color: #fad87e;
    &::before{
      display: block;
      content : '阳西';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
}
.threecity {
  &_history {
    background: url('../../assets/icon/topIcon.png') -872px -90px no-repeat;
    background-color: #e58a80;
    &::before{
      display: block;
      content : '阳东';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -876px -283px no-repeat;
    background-color: #e58a80;
    &::before{
      display: block;
      content : '阳东';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
}
.fourcity {
  &_history {
    background: url('../../assets/icon/topIcon.png') -872px -90px no-repeat;
    background-color: #c627fe;
    &::before{
      display: block;
      content : '阳春';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
  &_today {
    background: url('../../assets/icon/topIcon.png') -876px -283px no-repeat;
    background-color: #c627fe;
    &::before{
      display: block;
      content : '阳春';
      color : #fff;
      font-size: 12px;
      margin-left: 50%;
      transform: translateX(-43%);
      margin-top: 68%;
    }
  }
}
